{block name="head"}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>WorldDataBase</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="/static/assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="/static/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/fonts/webfont/cryptocoins.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/css/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
	
    <link href="/static/assets/plugins/jvectormap/jquery-jvectormap-2.0.1.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="/static/assets/plugins/morris-chart/css/morris.css" rel="stylesheet" type="text/css" media="screen" />
	
    <link href="/static/assets/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/css/responsive.css" rel="stylesheet" type="text/css" />
	
	
    <script src="/static/assets/js/jquery-1.11.2.min.js"></script>
    <script src="/static/assets/js/jquery.easing.min.js"></script>
    <script src="/static/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/assets/plugins/pace/pace.min.js"></script>
    <script src="/static/assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="/static/assets/plugins/viewport/viewportchecker.js"></script>
	
    <script src="/static/assets/plugins/echarts/echarts-custom-for-dashboard.js"></script>

    <script src="/static/assets/plugins/flot-chart/jquery.flot.js"></script>
    <script src="/static/assets/plugins/flot-chart/jquery.flot.time.js"></script>
    <script src="/static/assets/js/chart-flot.js"></script>

    <script src="/static/assets/plugins/morris-chart/js/raphael-min.js"></script>
    <script src="/static/assets/plugins/morris-chart/js/morris.min.js"></script>
    <script src="/static/assets/js/chart-morris.js"></script>
	
	
	<script src="/static/i18n/jquery.i18n/jquery.i18n.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.messagestore.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.fallbacks.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.language.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.parser.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.emitter.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.emitter.bidi.js"></script>
	
	
	<script src="/static/i18n/jquery.history.js"></script>
	<script src="/static/i18n/url.min.js"></script>
	
	<script>
	function change_lng(val)
	{
		$.i18n().locale = val;
		$('body').i18n();
		$.ajax({
			url:"/index/index/change_lng",
			data:{"lang":val},
			type:"post",
			success:function(){
				
			}
		})
		
	}
	
	var set_locale_to = function(locale) {
      if (locale)
        $.i18n().locale = locale;
    };
	
	jQuery(function($) {
		$.i18n().locale = '{$lang}';
		$.i18n().load( {
			'chn': '/static/i18n/chn.json',
			'cht': '/static/i18n/cht.json',
			'en': '/static/i18n/en.json',
			'jp': '/static/i18n/jp.json',
			'kor': '/static/i18n/kor.json',
			'ar': '/static/i18n/ar.json',
			'ru': '/static/i18n/ru.json'
		  } ).done( function() {
			  $('body').i18n();
			} );
		  
		})
	</script>
	
    <script src="/static/assets/js/scripts.js"></script>
     <script src="/static/assets/js/echarts.js"></script>
	 
</head>

{/block}

{block name="others"}
{/block}

{block name="header"}
<style>
.nav-item a
{
	color:white;
}
.content-iten a
{
	color:black;
}
.number
{
	float: inherit;
}
</style>
<body style="background-color: #f0f6fb;">
<div id="app">
    <div class="head-top-content" style="background-color:#000000;">
        <div class="container-head">
            <div class="flex-lr lang-content">
                <img src="/static/assets/images/index_logo.png" style="width:150px;margin-left:10px;" class="logo-icon" alt="">
                <div class="flex-r">
                    <div class="lang-name">
					<span data-i18n="base_t1"></span>: TestNet2
					
					</div>
					
                    <div class="flex-r lang-status">
                        <img src="/static/assets/images/index/lang.svg" class="lang-svg" alt="">
                        <div>Language</div>
                        <div class="arrow"></div>
                        <div class="select-item-content">
                            <div class="arrow-up"></div>
                            <div class="content-iten">
                                <div class="items flex-l" onclick="change_lng('chn')">简体中文</div>
                                <div class="items flex-l" onclick="change_lng('cht')">繁体中文</div>
                                <div class="items flex-l" onclick="change_lng('en')">English</div>
                                <div class="items flex-l" onclick="change_lng('jp')">日本語</div>
                                <div class="items flex-l" onclick="change_lng('kor')">한국어</div>
                                <div class="items flex-l" onclick="change_lng('ru')">русский</div>
                                <div class="items flex-l" onclick="change_lng('ar')">عربى</div>
                            </div>
                        </div>
                    </div>
					
                </div>
            </div>
            <div class="flex-lr nav-content-wrap">
                <div class="flex-l nav-content">
                    <div class="nav-item flex-center">
                        <div><a href="/index" data-i18n="menu_t1"></a></div>
                    </div>
                    <div class="nav-item flex-center">
                        <div data-i18n="menu_t2"></div>
                        <div class="arrow"></div>
                        <div class="select-item-content">
                            <div class="arrow-up"></div>
                            <div class="content-iten">
                                <div class="items flex-l"><a href="/index/tipset" data-i18n="menu_t3"></a></div>
                                <div class="items flex-l"><a href="/index/message" data-i18n="menu_t4"></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-item flex-center">
                        <div><a href="/index/rank" data-i18n="menu_t5"></a></div>
                    </div>
                    <div class="nav-item flex-center">
                        <div><a href="/index/wallet" target="_blank" data-i18n="menu_t6"></a></div>
                    </div>
					
                    <div class="nav-item flex-center">
                        <div><a href="/index/docs" data-i18n="menu_t7"></a></div>
                    </div>
					
                </div>
				
				
				<form action="/index/index/search" method="post">
                <div class="nav-inp-wrap flex-lr">
					<input type="text" name="content" data-i18n="[placeholder]menu_search" placeholder="/">
					<button type="submit" style="background-color:transparent;border-style:none;"><img src="/static/assets/images/index/search.png" class="search-icon" alt=""></button>
                </div>
				</form>
            </div>
        </div>
		
        <div class="container-head-phone flex-lr" style="background-color:#000000;">
            <img src="/static/assets/images/index_logo.png" style="width: 120px;position: absolute;top: 20px;" class="logo-icon" alt="">
            <div class="flex-r">
			
                    <div class="flex-r abs-by" style="color:white;" @click="langState = !langState">
                        <img src="/static/assets/images/index/lang.svg" class="lang-svg" alt="">
                        <div>Language</div>
                        <div class="arrow"></div>
                        <div class="select-item-content" v-show="langState">
                            <div class="arrow-up"></div>
                            <div class="content-iten">
                                <div class="items flex-l" onclick="change_lng('chn')">简体中文</div>
                                <div class="items flex-l" onclick="change_lng('cht')">繁体中文</div>
                                <div class="items flex-l" onclick="change_lng('en')">English</div>
                                <div class="items flex-l" onclick="change_lng('jp')">日本語</div>
                                <div class="items flex-l" onclick="change_lng('kor')">한국어</div>
                                <div class="items flex-l" onclick="change_lng('ru')">русский</div>
                                <div class="items flex-l" onclick="change_lng('ar')">عربى</div>
                            </div>
                        </div>
                    </div>
                <img src="/static/assets/images/index/gd_icon.svg" class="gd-svg" alt="" @click="kgStatus = !kgStatus" style="margin-top:30px;	">
            </div>
        </div>
        <div class="kz-content-wrap" v-show="kgStatus">
			<form action="/index/index/search" method="post">
			<div class="nav-inp-wrap flex-lr">
				<input type="text" name="content" data-i18n="[placeholder]menu_search" placeholder="/">
				<button type="submit" style="background-color:transparent;border-style:none;"><img src="/static/assets/images/index/search.png" class="search-icon" alt=""></button>
			</div>
			</form>
			
            <div class="select-list">
                <div class="flex-lr list-noe">
                    <div><a href="/index" data-i18n="menu_t1"></a></div>
                </div>
            </div>
			
            <div class="select-list" :style="selextIx == 1 ? 'height: auto;' : ''" @click="selextIx == 1 ? selextIx = null : selextIx = 1">
                <div class="flex-lr list-noe">
                    <div data-i18n="menu_t2"></div>
                    <div class="arrow1"></div>
                </div>
                <div>
                    <div class="child-text flex-l"><a href="/index/tipset" data-i18n="menu_t3"></a></div>
                    <div class="child-text flex-l"><a href="/index/message" data-i18n="menu_t4"></a></div>
                </div>
            </div>
            <div class="select-list">
                <div class="flex-lr list-noe">
                    <div><a href="/index/rank" data-i18n="menu_t5"></a></div>
                </div>
            </div>
            <div class="select-list">
                <div class="flex-lr list-noe">
                    <div><a href="/index/wallet" data-i18n="menu_t6"></a></div>
                </div>
            </div>
			
            <div class="select-list">
                <div class="flex-lr list-noe">
                    <div><a href="/index/docs" data-i18n="menu_t7"></a></div>
                </div>
            </div>
			
        </div>
    </div>
{/block}



{block name="body"}



{/block}

{block name="footer"}
</div>
    <div class="footer-bottom-wrap">
        <div class="bottom-bubu flex-center">© 2020 WorldDb Project. All Rights Reserved.</div>
		<div class="bottom-bubu flex-center">Service Support : Worlddatabase2019@gmail.com</div>	
    </div>


    <script src="/static/assets/js/vue.js"></script>
    <script type="text/javascript">
        init_bui();
        function init_bui() {
            var _vue = new Vue({
                el: '#app',
                data: {
                    shrinkStatus: false,
                    shrinkStatus1: false,
                    selectStatus: false,
                    langState: false,
                    selextIx: null,
                    kgStatus: false,
                },
                created() {

                },
                mounted() {
                    //this.init();
                },
            })
        }
		
    </script>
</html>
{/block}